// *******************************************************************************************************
// # 汎用クラス
// *******************************************************************************************************

// 汎用クラス
//
// #### export to common.css
// ※このページでは表示が完全に再現されず、部分的に崩れている場合があります。  
// ※class名やデザインの参考まで
//
// Styleguide 8.0

/* ------------------------------------
	* 汎用クラス
* ------------------------------------ */


// float, clearfix
//
// Markup:
// .cfx {
// 	@include clearfix;
// }
// .fl {float: left !important;}
// .fr {float: right !important;}
//
// Styleguide 8.1

.cfx {@include clearfix;}
.fl {float: left !important;}
.fr {float: right !important;}


// text
//
// Markup:
// .ta-r {text-align: right !important;}
//
// Styleguide 8.2

.ta_r {text-align: right !important;}


// margin
//
// Markup:
// .mt16 {margin-top: 16px !important;}
// .mt20 {margin-top: 20px !important;}
// .mt24 {margin-top: 24px !important;}
// .mb24 {margin-bottom: 24px !important;}
// .ml30 {margin-left: 30px !important;}
// .mrl40 {margin: 0 40px !important;}
//
// Styleguide 8.3

.mt16 {margin-top: 16px !important;}
.mt20 {margin-top: 20px !important;}
.mt24 {margin-top: 24px !important;}
.mb24 {margin-bottom: 24px !important;}
.ml30 {margin-left: 30px !important;}
.mrl40 {margin: 0 40px !important;}


// padding
//
// Markup:
// .pl14 {padding-left: 14px !important}
//
// Styleguide 8.4
.pl14 {padding-left: 14px !important}

